<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		div {
			/*overflow: hidden;*/
			/*溢出隐藏 -- 超出盒子大小的部分 隐藏起来*/
			/*overflow: scroll;*/
			/*显示滚动条总是会显示 - 不会超出盒子大小  内容能显示全但是  太丑了我们不常用*/
			overflow: auto;
			/*1.如果超出，就显示滚动条
			2.如果不超出，不显示滚动条 
			3.然并卵，我们还是不用*/
			width: 150px;
			height: 150px;
			border: 1px solid red;
		}
	</style>
</head>
<body>
	<div>
		我要带你去浪漫的土耳其。
		我要带你去网吧偷耳机。
		我要带你去浪漫的土耳其。
		我要带你去网吧偷耳机。
		我要带你去浪漫的土耳其。
		我要带你去网吧偷耳机。
		我要带你去网吧偷耳机。
		我要带你去网吧偷耳机。
	</div>
</body>
</html>